<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>ImageEditor</title>
	<script type="text/javascript" src="../jquery.ui-1.5.2/jquery-1.2.6.js"></script>
	<script type="text/javascript" src="../jquery.ui-1.5.2/ui/jquery.ui.all.js"></script>
	<script type="text/javascript" src="../xWindow/jquery.xWindow.js"></script>
	<script type="text/javascript" src="templating.js"></script>	

	<script type="text/javascript" src="jquery.imageEditor.js"></script>
	<link rel="stylesheet" href="../xWindow/jquery.xWindow.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="jquery.imageEditor.css" type="text/css" media="screen" />
	
	
	<script type="text/javascript">
	
		
		
		function log(data)
		{
			typeof console == 'object' ? console.log(data) : alert(data);
		};
		
		$(window).load(function(){
		
		
		$('<div id="image-editor"/>').imageEditor({
			rotate: function(direction){
				log('rotate '+direction);
				this.update();
			}
			
		});
		
		
		
		});
	
	
	
	</script>	
</head>
<body>


<?
	include('imageEditor.jtpl');
?>


</body>
</html>